<template>
  <view>
    <view>
      <u-notice-bar text="橙卡金币赛的不确定性较大!!!" :speed="150" fontSize="30"></u-notice-bar>
      <view class="cu-bar bg-white solid-bottom">
        <view class="action">
          <text class="cuIcon-title text-orange "></text>
          tips (根据网络及个人经验撰写, 请结合实际情况选择)
        </view>
      </view>
      <view class="bg-white padding">
        <view>1. 先手：强控放在前面, 单体下面放单体攻击, 群体攻击下面放群体攻击, 务求第一轮打掉对面一个人。</view>
        <view>2. 后手：具有格挡技能, 肉, 不吃控制技能的放1号位、3号位 控制续航都要有的武将, 如司马懿, 孙策。后手可以赵云1号位, 免疫减怒,
          致盲, 后手1号位放人, 4号位就不要放了
        </view>
        <view>3. 先手就12 456 放人, 后手就 13 456, 输出放后排</view>
      </view>
    </view>
    <!-- 司马懿, 赵云, 周瑜, 吕布, 张辽, 张仲景, 马腾, 庞统, 太史慈, 夏侯渊, 庞德, 文鸳, 于吉 -->
    <view class="cu-bar bg-white solid-bottom" style="margin-top: 20rpx;">
      <view class="action">
        <text class="cuIcon-title text-orange "></text>
        国家队
      </view>
    </view>
    <view class="cu-list grid col-4 no-border">
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/8wfe1411121874.png" mode="center"
                 style="position: absolute;left: 0;top: 0;">
          </image>
        </view>
        <text>吕布</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/figu1411122750.png" mode="center"
                 style="position: absolute;left: 0;top: -22rpx;">
          </image>
        </view>
        <text>司马懿</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/qvei1411131591.png" mode="center"
                 style="position: absolute;left: 0;top: 0;">
          </image>
        </view>
        <text>周瑜</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/5u0e1411132357.png" mode="center"
                 style="position: absolute;left: 0;top: -56rpx;">
          </image>
        </view>
        <text>赵云</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/yoaa1411122869.png" mode="center"
                 style="position: absolute;left: 0;top: -108rpx;">
          </image>
        </view>
        <text>张辽</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/jbmg1411129695.png" mode="center"
                 style="position: absolute;left: 0;top: -62rpx;">
          </image>
        </view>
        <text>庞德</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/l3w81411124206.png" mode="center"
                 style="position: absolute;left: 0;top: -84rpx;">
          </image>
        </view>
        <text>马腾</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/avu51411133235.png" mode="center"
                 style="position: absolute;left: 0;top: -84rpx;">
          </image>
        </view>
        <text>庞统</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/cvm11411133706.png" mode="center"
                 style="position: absolute;left: 0;top: -70rpx;">
          </image>
        </view>
        <text>文鸳</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/rj8p1411124549.png" mode="center"
                 style="position: absolute;left: 0;top: -63rpx;">
          </image>
        </view>
        <text>张仲景</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/vdzk1411127108.png" mode="center"
                 style="position: absolute;left: 0;top: -136rpx;">
          </image>
        </view>
        <text>夏侯渊</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/9k_y1411132092.png" mode="center"
                 style="position: absolute;left: 0;top: -78rpx;">
          </image>
        </view>
        <text>太史慈</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/e1kb1411122963.png" mode="center"
                 style="position: absolute;left: 0;top: 0;">
          </image>
        </view>
        <text>于吉</text>
      </view>
    </view>
    <!-- 左慈, 荀彧, 蔡文姬, 曹操, 孙策, 诸葛亮, 水镜先生, 郭嘉, 甘宁, 贾诩, 马超, 吕蒙, 朱恒, 袁绍, 张郃, 貂蝉, 南华老仙, 董卓, 陆逊, 刘备, 关羽 -->
    <view class="cu-bar bg-white solid-bottom" style="margin-top: 20rpx;">
      <view class="action">
        <text class="cuIcon-title text-orange "></text>
        国家二队
      </view>
    </view>
    <view class="cu-list grid col-4 no-border">
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/ife11411122685.png" mode="center"
                 style="position: absolute;left: 0;top: -30rpx;">
          </image>
        </view>
        <text>左慈</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/qn6o1411127330.png" mode="center"
                 style="position: absolute;left: 0;top: -104rpx;">
          </image>
        </view>
        <text>荀彧</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/x5gq1411125593.png" mode="center"
                 style="position: absolute;left: 0;top: -104rpx;">
          </image>
        </view>
        <text>蔡文姬</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/impr1411122903.png" mode="center"
                 style="position: absolute;left: 0;top: -20rpx;">
          </image>
        </view>
        <text>曹操</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/ygj31411131908.png" mode="center"
                 style="position: absolute;left: 0;top: -28rpx;">
          </image>
        </view>
        <text>孙策</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/jk841411132375.png" mode="center"
                 style="position: absolute;left: 0;top: 0;">
          </image>
        </view>
        <text>诸葛亮</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/eu_n1411133835.png" mode="center"
                 style="position: absolute;left: 0;top: -40rpx;">
          </image>
        </view>
        <text>水镜先生</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/6ijt1411123305.png" mode="center"
                 style="position: absolute;left: 0;top: 0;">
          </image>
        </view>
        <text>郭嘉</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/ikbh1411131790.png" mode="center"
                 style="position: absolute;left: 0;top: -68rpx;">
          </image>
        </view>
        <text>甘宁</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/dxzp1411122071.png" mode="center"
                 style="position: absolute;left: 0;top: 0;">
          </image>
        </view>
        <text>贾诩</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/8rth1411132394.png" mode="center"
                 style="position: absolute;left: 0;top: -64rpx;">
          </image>
        </view>
        <text>马超</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/aydl1411132009.png" mode="center"
                 style="position: absolute;left: 0;top: -54rpx;">
          </image>
        </view>
        <text>吕蒙</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/h3j01411543758.png" mode="center"
                 style="position: absolute;left: 0;top: -54rpx;">
          </image>
        </view>
        <text>朱恒</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/6yv61411123990.png" mode="center"
                 style="position: absolute;left: 0;top: -54rpx;">
          </image>
        </view>
        <text>袁绍</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/3x201411124621.png" mode="center"
                 style="position: absolute;left: 0;top: -22rpx;">
          </image>
        </view>
        <text>张郃</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/9e4j1411122330.png" mode="center"
                 style="position: absolute;left: 0;top: 0;">
          </image>
        </view>
        <text>貂蝉</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/38m11411130510.png" mode="center"
                 style="position: absolute;left: 0;top: -28rpx;">
          </image>
        </view>
        <text>南华老仙</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/oizd1411123633.png" mode="center"
                 style="position: absolute;left: 0;top: -28rpx;">
          </image>
        </view>
        <text>董卓</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/cg961411373173.png" mode="center"
                 style="position: absolute;left: 0;top: 0;">
          </image>
        </view>
        <text>陆逊</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/rkcf1411132583.png" mode="center"
                 style="position: absolute;left: 0;top: 0;">
          </image>
        </view>
        <text>刘备</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/g5p61411132302.png" mode="center"
                 style="position: absolute;left: 0;top: -18rpx;">
          </image>
        </view>
        <text>关羽</text>
      </view>
    </view>
    <!-- 徐庶, 孙权, 孙坚, 孙尚香, 鲁肃, 马良, 张飞 -->
    <view class="cu-bar bg-white solid-bottom" style="margin-top: 20rpx;">
      <view class="action">
        <text class="cuIcon-title text-orange "></text>
        国家替补队
      </view>
    </view>
    <view class="cu-list grid col-4 no-border">
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/mhj41411132535.png" mode="center"
                 style="position: absolute;left: 0;top: 0;">
          </image>
        </view>
        <text>徐庶</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/9u371411132333.png" mode="center"
                 style="position: absolute;left: 0;top: 0;">
          </image>
        </view>
        <text>孙权</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/kjgd1411135326.png" mode="center"
                 style="position: absolute;left: 0;top: -72rpx;">
          </image>
        </view>
        <text>孙坚</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/bf4x1411132429.png" mode="center"
                 style="position: absolute;left: 0;top: -48rpx;">
          </image>
        </view>
        <text>孙尚香</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/qqea1411132824.png" mode="center"
                 style="position: absolute;left: 0;top: -46rpx;">
          </image>
        </view>
        <text>鲁肃</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/6qk21411133278.png" mode="center"
                 style="position: absolute;left: 0;top: -20rpx;">
          </image>
        </view>
        <text>马良</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/j6nn1411132328.png" mode="center"
                 style="position: absolute;left: 0;top: -26rpx;">
          </image>
        </view>
        <text>张飞</text>
      </view>
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {}
    }
  }
</script>

<style>
</style>